/*
    Título: gestHora. Aplicación web de gestión de horarios para conservatorios.
    Alumnos:
        - Javier Pardo Muñoz. I.T. Informática de Gestión
        - Antonio Prior Cazorla. I.T. Informática de Gestión
    Director: Dr. José Raúl Romero Salguero.
*/

@import url("reset.css");
@import url("menu.css");

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
    background-color: #F4F6F8;
    color: black;
    font-family: "OpenSansRegular",Arial,sans-serif;
    font-size: 0.9em;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 22px;

}

p {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Estilo de enlaces */
a {
    color: #0033cc;
    text-decoration:none; 
}

a:hover{
    text-decoration: underline;
    color: #6981c7;
}

.bienvenida li{
    margin-left: 50px;
    list-style-type: square;
}

.volver{

    font-size: 1em;
    line-height: 40px;

}

.lista-info-pie{
    list-style-type: square;
    margin-left: 30px;
    font-size: 0.9em;
    font-weight: normal;
}

.lista-info-pie-titulo{
    font-weight: bold;
    list-style: none;
    margin-bottom: 5px;
}

#licencia li{
    list-style-type: square;
    margin-left: 30px;
}

h2{
    padding-top: 25px;
    font-size: 1.8em;
    line-height: 40px;
    padding: 0px 3px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #e1e1e1;    
    color: #075680;
    text-decoration: none;    
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-family: "BebasNeueRegular",Arial,sans-serif;

}

h3{
    font-weight: bold;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 1em;
    color: #44718b;

}

h4{
    font-weight: bold;
}

.fecha{

    color:black;
    padding: 0px;
    font-size: 0.9em;
    margin-top: -10px;
    margin-bottom: 10px;

}
/* Container */

#contenedor{

    position: relative;
    width: 100%;

}

/* Estilos de la cabecera */

.header {
    background: url("../img/header_footer.jpg") repeat scroll left top #4F97BD;
    box-shadow: 0 1px 3px #255F7E;
    padding: 25px;
    position: relative;
    z-index: 999;
    color: white;

}

.header_alumno {
    background: url("../img/header_footer.jpg") repeat scroll left top #4F97BD;
    box-shadow: 0 1px 3px #255F7E;
    padding: 25px;
    position: relative;
    z-index: 999;
    color: white;

}

.header_administrador {
    background: url("../img/header_footer3.jpg") repeat scroll left top #4F97BD;
    box-shadow: 0 1px 3px #508C4E;
    padding: 25px;
    position: relative;
    z-index: 999;
    color: white;

}

.header_secretario {
    background: url("../img/header_footer2.jpg") repeat scroll left top #4F97BD;
    box-shadow: 0 1px 3px rgb(110, 78, 140);
    padding: 25px;
    position: relative;
    z-index: 999;
    color: white;
}

.header_profesor {
    background: url("../img/header_footer1.jpg") repeat scroll left top #4F97BD;
    box-shadow: 0 1px 3px #4f4e4e;
    padding: 25px;
    position: relative;
    z-index: 999;
    color: white;
}

.header-contenido {
    max-width: 1000px;
    padding: 0 20px;
    position: relative;
}

/* Estilos de contenido */

.contenido{

    background: url("../img/fondo.png") repeat-x scroll left top transparent;
    margin: 0 auto;


}

.contenido-dentro{

    margin: 0 auto;
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;

}

.contenido-principal{
    margin-right: 329px;
    min-height: 500px;
    width: auto;

}

.contenido-principal-index{
    width:100%;
}

.contenido-articulo{

    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 1px #E5EAED;
    padding: 40px 50px;    
    bottom: 0;
    position: relative;
    left: 305px;
    top: 0;
    min-height: 500px;

}

.contenido-articulo-index{

    left: 0;

}

.contenido-index{

    left:0;
    width: auto;

}

.index-introduccion{

    width: 70%;
    padding-right: 30px;
    border-right: 1px solid #e1e1e1;  


}

.index-noticias{
    padding-left: 30px; 


}

/* Estilos del menu */

.menu {
    background: #e7f1f7;
    box-shadow: 1px 1px 1px #E5EAED;
    position: absolute;
    top: 0;
    bottom: 0;    
    width: 275px;
}


/* Estilos del pie de página */

.footer{

    background: url("../img/header_footer.jpg") repeat scroll left top #5287A6;
    border-top: 4px solid #CDDBE5;
    bottom: 0;
    box-shadow: 0 1px 3px #255F7E;
    min-height: 10px;
    position: relative;
    width: 100%;
    color: white;


}

.footer_alumno{

    background: url("../img/header_footer.jpg") repeat scroll left top #5287A6;
    border-top: 4px solid #CDDBE5;
    bottom: 0;
    box-shadow: 0 1px 3px #255F7E;
    min-height: 10px;
    position: relative;
    width: 100%;
    color: white;


}

.footer_administrador{

    background: url("../img/header_footer3.jpg") repeat scroll left top #5287A6;
    border-top: 4px solid #508C4E;
    bottom: 0;
    box-shadow: 0 1px 3px #255F7E;
    min-height: 10px;
    position: relative;
    width: 100%;
    color: white;


}

.footer_secretario{
    background: url("../img/header_footer2.jpg") repeat scroll left top #5287A6;
    border-top: 4px solid #7023D2;
    bottom: 0;
    box-shadow: 0 1px 3px #255F7E;
    min-height: 10px;
    position: relative;
    width: 100%;
    color: white;
}

.footer_profesor{
    background: url("../img/header_footer1.jpg") repeat scroll left top #5287A6;
    border-top: 4px solid #4f4e4e;
    bottom: 0;
    box-shadow: 0 1px 3px #255F7E;
    min-height: 10px;
    position: relative;
    width: 100%;
    color: white;
}

.footer-contenido{

    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.footer-contenido ul{
    padding: 10px;
}

.footer-contenido li{
    list-style: none outside none;
    display: inline;
    margin-right: 20px;

}

.footer-contenido ul a{
    color: white;
}

.footer-contenido h1{
    color: white;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #006EA0;
    text-align: center;
}

/* Estilos de la barra superior del contenido */

#breadcumbs{

    height: 20px;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    left: 305px;
    background: #f5fbff;
    box-shadow: 1px 1px 0px #E5EAED;
    border-bottom: 1px solid #a2bbff;

}

.breadcumbs_rol{
    padding: 0;
    padding-right: 10px;
    float: right;
    color: red;
    font-weight: bold;
    font-size: 0.9em;
}
/* Estilos del tooltip */
span.tooltip{
    position: absolute;
    margin-left: 5px;
    margin-top: 4px;
}


span.tooltip:hover { 
    text-decoration:none;
} 

span.tooltip span {
    display:none; 
    margin-left: 10px;
    padding:5px 5px; 
} 

span.tooltip:hover span {
    display:inline; 
    font-size: 0.8em;
    border: 1px dashed #FFC200;
    background: #FFFBAD;
    color: black;
}

span.tooltip:active span{
    display:inline; 
    font-size: 0.8em;
    border: 1px dashed #FFC200;
    background: #FFFBAD;
    color: black;
}

/*Tooltip de horarios*/

/* Estilos del tooltip */
span.tooltipHorario{
    color: black !important;
    margin-left: 5px;
}

span.tooltipHorario a{
    color: black !important;    
}

span.tooltipHorario .pdf{
    display:none;
}

span.tooltipHorario:hover { 
    text-decoration:none;
} 

span.tooltipHorario span {
    display:none; 
    margin-top: -15px;
    margin-top: -25px;
    padding:5px 20px 5px 20px; 
} 

span.tooltipHorario:hover span {
    display:inline; 
    font-size: 0.8em;
    border: 1px dashed #FFC200;
    background: #FFFBAD;
    color: black;
    position: absolute;
}

span.tooltipHorario:active span {
    display:inline; 
    font-size: 0.8em;
    border: 1px dashed #FFC200;
    background: #FFFBAD;
    color: black;
    position: absolute;
}

.selectPrioridad{
    width: 55px;
}

/* Estilos de tablas */
.tablaView {
    width:100%;
}

.tablaView tbody tr:hover{
    background-color: #e6e6f7;
}

.tablaView td{

    vertical-align:middle;
    border:1px solid #1A52AB;
    border-width:1px;
    text-align:center;
    padding:2px;

}

.tablaView a{

    text-align:center;
}

.tablaView thead{

    background-color:#1481BB;
    border:0px solid #1A52AB;
    text-align:center;
    border-width:1px;
    font-weight:bold;
    color:#ffffff;

}

.tablaView th{

    background-color:#1481BB;
    border:0px solid #1A52AB;
    text-align:center;
    border-width:1px;
    font-weight:bold;
    color:#ffffff;

}

.tablaView a{
    color: white;
}

.tablaView a:hover{
    text-decoration:none;
}

.tablaCopias img{
    margin-bottom: -3px;
}


/*Tabla para los horarios*/

.tablaHorario th{
    padding: 7px;
}

.tablaHorario td{
    padding: 7px;
}

.tablaHorario tbody tr:hover{
    background-color: transparent;
}

.tablaHorario tbody td:hover{
    background-color: #e6e6f7;
}

/*  Estilo de la barra login en el header */
.login-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
    background-color: whitesmoke;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    font-weight: bold;
}

.login-header li {
    float: left;      

}

.login-header #login {
    border-right: 1px solid blue;

}

.login-header #login-mostrar,
.login-header #registro a {
    display: inline-block;
    height: 25px;
    line-height: 25px;    
    font-size: 0.85em;
    padding: 0 8px;
    text-decoration: none;
    color: #0000cc;
}

.login-ok{
    border-right: 1px solid blue;
}

.login-header #login-mostrar:hover,
.login-header #login .active
{
    background-color: white;
    border-radius: 5px 0px 0px 0px;
    color: black;

}

.login-header #registro a:hover {
    background-color: white;
    border-radius: 0px 5px 0px 0px;
    color: black;
}

.login-header #login-mostrar a:hover {
    background-color: white;
    border-radius: 5px 0px 0px 0px;
    text-decoration: none;
    color: black;    
}

.login-header #login-contenido {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 999;    
    background: #fff;
    padding: 15px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
    /*box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);*/
    border-radius: 3px 0 3px 3px;
}

.login-header li #login-contenido {
    right: 0;
    width: 310px;  
}

/*Estilos de formularios*/

.formVistas {

    width: 450px;
    text-align: center;


}

.formVistaNoticia {

    width: 660px;    
    margin-left: 10px;

}

.formVistaNoticia label {
    width: 150px;
}

.formVistaNoticia input {
    width: 489px;
}

.addImg {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.formVistas label{

    width: 150px;

}

.formVistaInicializar{
    margin-left:20px;
}

form input,select, textarea{
    background: #f1f1f1;
    padding: 6px 5px;
    margin: 0 0 5px 0;
    width: 248px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px #ccc inset;
}

.radio{

    width: 50px;
    margin-top: 5px;
}

.checkbox{
    width: auto;
    margin-top: 7px;
}

.oculto{
    display:none;
}
form select{
    width: 258px;
}

form fieldset{
    width: 100%;
}

form legend{
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 15px;
    color: #44718b;
}

form input:focus,select:focus{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

button {	
    background-color: #4690b3;
    background: linear-gradient(#4690b3,#3f7ca0);
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    border: 1px solid #4690b3;
    height: 30px;
    padding: 0;
    width: 100px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;

}

button:hover,
button:focus {	
    background-color: #6698b0;
    border: 1px solid #6698b0;
    background: linear-gradient(#6698b0,#61869b);
}	

button:active {		
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.botonPDF{
    width: 140px;
}

form label {
    float: left;
    line-height: 30px;
    color: #6c6c6c;
    margin-right: 10px;
}

form label input {
    position: relative;
    top: 2px;
    right: 2px;

}

/* Paginación */

ul.fdtablePaginater
{
    display:table;
    list-style:none;
    padding:0;
    margin:0 auto;
    text-align:center;
    height:2em;
    width:auto;
    margin-bottom:2em;
}
ul.fdtablePaginater li
{
    display:table-cell;
    padding-right:4px;
    color:#666;
    list-style:none;

    -moz-user-select:none;
    -khtml-user-select:none;
}
ul.fdtablePaginater li a.currentPage
{
    border-color: #1A52AB !important;
    color:#000;
}
ul.fdtablePaginater li a:active
{
    border-color:#222 !important;
    color:#222;
}
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
{
    display:block;
    width:2em;
    color:#666;
    padding:0;
    margin:0;
    text-decoration:none;
    outline:none;
    border:1px solid #ccc;
    font-family:georgia, serif;
}
ul.fdtablePaginater li div
{
    cursor:normal;

}
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
{
    display:block;
    line-height:2em;
    border:1px solid #fff;

}
ul.fdtablePaginater li a
{
    cursor:pointer;
}
ul.fdtablePaginater li a:focus
{
    color:#333;
    text-decoration:none;
    border-color:#aaa;
}
.fdtablePaginaterWrap
{
    text-align:center;
    clear:both;
    text-decoration:none;
    margin-top: 30px;
}
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
{
    font-weight:bold !important;
}

.fdtablePaginatorWrapTop { display:none; }